<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
			mui.plusReady(function() {
				document.getElementById('tab3').addEventListener('tap', function() {
					mui.openWindow({
						url: 'new_file1.html',
						id: 'new_file1.html'
					})
				})
			})
		</script>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">每日一刻</h1>
			<button type="button" class="mui-btn mui-btn-warning mui-pull-right">+</button>
		</header>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item ">
				<span class="mui-icon iconfont icon-shouye"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item mui-active">
				<span class="mui-icon iconfont icon-yingyong1"></span>
				<span class="mui-tab-label">活动</span>
			</a>
			<a class="mui-tab-item">
				<span class="mui-icon iconfont icon-wode"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<div class="mui-content">

			<a id="tab1" style="margin:0px;">
				<div class="mui-card-content" style="line-height: 0px;">
					<img src="imgs/1.png" width="100%" />
				</div>
			</a>
			<div class="mui-card" style="margin: 0px;">
				<div class="mui-card-header">
					<button type="button" class="mui-btn mui-btn-gray" style="background-color:#F7F7F7;" id="tab3"> &nbsp;&nbsp;
						&nbsp;&nbsp; &nbsp;&nbsp;活动简介 &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;</button>
					<button type="button" class="mui-btn mui-btn-gray" style="background-color:#F7F7F7;"> &nbsp;&nbsp; &nbsp;&nbsp;
						&nbsp;&nbsp;活动视频 &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;</button>
				</div>
				<div class="mui-card-content">
					<div class="mui-row"style="padding-left: 10px;">

						<div class="mui-col-xs-6">
							<li class="mui-table-view">
								<a><img src="imgs/1.jpg" width="95%" /></a>
								<p>#吃了吗 #四川话</p>
							</li>
						</div>
						<div class="mui-col-xs-6">
							<li class="mui-table-view">
								<a><img src="imgs/2.jpg"/width="95%"> </a> <p>#吃了吗 #广东话</p>
							</li>
						</div>
						<div class="mui-col-xs-6">
							<li class="mui-table-view">
								<a><img src="imgs/3.jpg"/width="95%"> </a> <p>#吃了吗 #安徽话</p>
							</li>
						</div>
						<div class="mui-col-xs-6">
							<li class="mui-table-view">
								<a><img src="imgs/4.jpg"/width="95%"> </a> <p>#吃了吗 #陕西话</p>
							</li>
						</div>
						<div class="mui-col-xs-6">
							<li class="mui-table-view">
								<a><img src="imgs/5.jpg" width="95%" /></a>
								<p>#吃了吗 #东北话</p>
							</li>
						</div>
						<div class="mui-col-xs-6">
							<li class="mui-table-view">
								<a><img src="imgs/6.jpg"/width="95%"> </a> <p>#吃了吗 #北京话</p>
							</li>
						</div>
						<div class="mui-col-xs-6">
							<li class="mui-table-view">
								<a><img src="imgs/2.jpg"/width="95%"> </a> <p>#吃了吗 #上海话</p>
							</li>
						</div>
						<div class="mui-col-xs-6">
							<li class="mui-table-view">
								<a><img src="imgs/3.jpg"/width="95%"> </a> <p>#吃了吗 #浙江话</p>
							</li>
						</div>
					</div>
				</div>

			</div>
	</body>

</html>
